<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>

	<body>
		<header>
			<ul class="navList">
				<li class="closeIcon"></li>
				<li class="title">动态</li>
				<li>
					<button id="add" class="container">发表</button>
				</li>
			</ul>
		</header>
		<main>
			<section class="idea">
				<input type="text" id="text" placeholder="这一刻的想法..." />
				<ul class="imgList">
					<li>
						<img src="#" alt="" id="img" width="100%" />
					</li>
					<li>
						<label><input type="file" class="file" />+</label>
					</li>
				</ul>
			</section>
			<section class="address">
				<div><span class="iconfont icon-map"></span>所在地址</div>
				<div>
					<span class="iconfont icon-next"></span>
				</div>
			</section>
			<section class="open">
				<div><span class="iconfont icon-sports"></span>是否公开</div>
				<div class="baseArea">
					<span class="base"></span><span class="ball"></span>
				</div>
			</section>
		</main>
	</body>
</html>
